<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt =
            "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.15rem;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 class="text-center" style="font-size: 0.25rem">消防安全承诺书</h3>

      <div class="text-indent mt-2">
        为贯彻执行《中华人民共和国消防法》和项目部《消防安全管理制度》，落实消防安全责任制，以身作则，践行项目消防管理目标，杜绝消防事故，本人郑重承诺如下：
      </div>
      <div class="text-indent">
        一、严格执行国家消防法规和项目部消防安全管理制度，落实本岗位消防安全责任；自觉接受工区各部门消防安全教育培训和管理，遵章守规，争做消防安全模范先锋。
      </div>
      <div class="text-indent">
        二、落实消防禁令，落实林区防火安全责任，带头践行森林防火职责，坚决杜绝森林火灾。
      </div>
      <div class="text-indent">
        三、对安全检查中发现火灾隐患或问题，严格按照整改要求落实整改完善；自觉做好本岗位区域内消防器材的爱护与日常维护，发现损坏及时上报工区管理部门。
      </div>
      <div class="text-indent">
        四、积极参与工区消防安全演练，学习掌握好消防应急救援知识和相关技能，熟悉救援或自救逃生知识和流程。
      </div>
      <div class="text-indent">五、自觉遵守消防制度，坚决做到：</div>
      <div class="text-indent">
        （1）严禁在宿舍躺在床上吸烟，不在林区、施工区域抽烟；
      </div>
      <div class="text-indent">（2）严禁在宿舍、值班室用电炉子取暖；</div>
      <div class="text-indent">
        （3）在施工现场及生活区，不得焚烧杂物，生活区及宿舍内严禁存放易燃易爆物品，不能在存放易燃易爆物品的地方生火及使用明火等；
      </div>
      <div class="text-indent">
        （4）要做到人走灯关。嗅到电线胶皮糊味，要及时查看，查明情况报告相关负责人；
      </div>
      <div class="text-indent">
        （5）严禁将插板放到床上使用，台灯不要靠近枕头和被褥。
      </div>
      <div class="text-indent">
        本人将自愿接受工区各管理部门的监督，严格按照相关消防法律法规做好消防工作，若有违反，依据《中华人民共和国消防法》和项目部《消防安全管理制度》的有关规定承担相应责任，切实做到安全自查、隐患自除、责任自负、接受监督。
      </div>

      <div class="d-flex flex-row mt-2 justify-content-between">
        <div>
          <div @click="setUpEquipment('fireForm.acceptor','TaskSignFinger')">
            消防安全责任承诺人（签名）：
          </div>
          <el-image
            v-show="fireForm.acceptor"
            class="sign_img"
            :src="fireForm.acceptor"
            fit="fill"
          ></el-image>
        </div>
        <div>
          <el-input
            v-model="fireForm.year"
            class="people-input"
            placeholder=" "
            style="width: 0.8rem"
          ></el-input>
          年
          <el-input
            v-model="fireForm.month"
            class="people-input"
            placeholder=" "
            style="width: 0.5rem"
          ></el-input>
          月
          <el-input
            v-model="fireForm.day"
            class="people-input"
            placeholder=" "
            style="width: 0.5rem"
          ></el-input>
          日
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const fireForm = ref({
            year: "",
            month: "",
            day: "",
            acceptor: "", //承诺人
          });

          window.setSign = (event) => {
            console.log(event,'event')
            fireForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return fireForm.value;
          };
          window.setData = (data) => {
            fireForm.value = data;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            fireForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition)
        .use(ElementPlus)
        .mount("#app");
    </script>
  </body>
</html>
